import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: "/login",
    name: "login",
    component: () => import("@/views/login"),
  },
  {
    path: "/",
    name: "Home",
    component: Home,
  },
  // 弹窗表单
  {
    path: "/dialog-form",
    name: "dialog-form",
    component: () =>
      import(
        /* webpackChunkName: "about" */ "@/views/dialog-form/dialog-form.vue"
      ),
  },
  {
    path: "/dialog",
    name: "dialog",
    component: () => import("../views/dialog"),
  },
  // 表格
  {
    path: "/my-table",
    name: "my-table",
    component: () => import("@/views/my-table/index.vue"),
  },
  // 分页弹窗
  {
    path: "/page-dialog",
    name: "page-dialog",
    component: () => import("@/views/page-dialog/index.vue"),
  },
  // 朱学良帖子
  {
    path: "/invitation",
    name: "invitation",
    component: () => import("@/views/invitation/index.vue"),
  },
  // 朱学良table
  {
    path: "/table",
    name: "table",
    component: () => import("@/views/table/index.vue"),
  },
  // 步骤弹框
  {
    path: "/step-dialog",
    name: "step-dialog",
    component: () => import("@/views/step-dialog/index.vue"),
  },
  // 地图弹框
  {
    path: "/map-dialog",
    name: "map-dialog",
    component: () => import("@/views/map-dialog/index.vue"),
  },
  {
    path: "/table-plus",
    name: "table-plus",
    component: () => import("@/views/table-plus/index.vue"),
  },
  {
    path: '/recurrence',
    name: 'recurrence',
    component: () => import('@/views/recurrence/index.vue')
  },
  // 日历插件
  {
    path: '/fullCalendar',
    name: 'fullCalendar',
    component: () => import('@/views/fullCalendar/index.vue')
  },
  {
    path: '/vue-quill-editor',
    name: 'vue-quill-editor',
    component: () => import('@/views/vue-quill-editor/index.vue')
  },
  {
    path: '/calendar-dialog',
    name: 'calendar-dialog',
    component: () => import('@/views/calendar-dialog/index.vue')
  },
  {
    path: "/recurrence",
    name: "recurrence",
    component: () => import("@/views/recurrence/index.vue"),
  },
  {
    path: "/calendar",
    name: "calendar",
    component: () => import("@/views/calendar/index.vue"),
  },
  {
    path: "/bigScreenTableComponent",
    name: "bigScreenTableComponent",
    component: () => import("@/views/bigScreenTableComponent/index.vue"),
  },
  // 递归组件
  {
    path: "/recursion-components",
    name: "recursion-components",
    component: () => import("@/views/recursion-components/index.vue"),
  }
];

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
